<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

<!-- Bootstrap -->
<link href="http://static.ginage.com/gauge/bootstrap-3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="http://static.ginage.com/gauge/css/initialization.css" rel="stylesheet">
<link href="http://static.ginage.com/gauge/css/register.css?1" rel="stylesheet">

</head>
<body>

	<div class="container">
		<div id="container_box">

			<div id="register_box">
				<div class="row">
					<div class="col-md-9">
						<h2>注册帐号</h2>
						<form id="register_form" class="form-horizontal" onsubmit="register();return false;">

							<div class="form-group">
								<label for="username" class="col-sm-3 control-label">用户名:</label>
								<div class="col-sm-7">
									<input type="text" name="username" class="form-control" id="username" required placeholder="用户名">
								</div>
								<span id="check_username" class="glyphicon" aria-hidden="true"></span>
							</div>
							<p class="col-sm-offset-3 col-sm-7">6~18个字符，可使用字母、数字、下划线，需以字母开头</p>
							<div class="form-group">
								<label for="password" class="col-sm-3 control-label">密码:</label>
								<div class="col-sm-7">
									<input type="password" name="password" class="form-control" id="password" required placeholder="密码">
								</div>

							</div>
							<p class="col-sm-offset-3 col-sm-7">6~16个字符，区分大小写</p>
							<div class="form-group">
								<label for="confirm_password" class="col-sm-3 control-label">确认密码:</label>
								<div class="col-sm-7">
									<input type="password" class="form-control" id="confirm_password" required placeholder="再次输入密码">
								</div>
								<span id="check_password" class="glyphicon" aria-hidden="true"></span>
							</div>
							<div class="form-group">
								<label for="employee_num" class="col-sm-3 control-label">工号:</label>
								<div class="col-sm-7">
									<input type="text" name="employeeNum" class="form-control" id="employee_num" required placeholder="请输入工号">
								</div>
								<span id="check_employee_num" class="glyphicon" aria-hidden="true"></span>
							</div>
							<div class="form-group">
								<label for="email" class="col-sm-3 control-label">邮箱:</label>
								<div class="col-sm-7">
									<input type="email" class="form-control" name="email" id="email" required placeholder="请输入邮箱">
								</div>
							</div>
							<div class="form-group">
								<label for="mail" class="col-sm-3 control-label"></label>
								<div class="col-sm-7">
									<button type="submit" id="register_button_inner" class="btn btn-success hide"></button>
								</div>
							</div>

						</form>
						<div class="col-sm-offset-3">
							<button id="register" class="btn btn-success">立即注册</button>
						</div>
					</div>
					<div class="col-md-3">
						<span id="go_back_to_login"> 已有帐号? <a class="btn btn-success" href="login.html" role="button">立即登录</a>
						</span>
					</div>
				</div>

			</div>

		</div>

	</div>

	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="http://static.ginage.com/gauge/js/jquery.min.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="http://static.ginage.com/gauge/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
	<script src="http://static.ginage.com/gauge/js/register.js"></script>

</body>
</html>